<%-- 
    Document   : index
    Created on : 29/06/2013, 10:58:32
    Author     : educacionit
--%> 

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script> 
            function saludo() {
                alert("Bienvenido");
            } 
            
            function sal(var1, var2, var3) {
                alert("Hola "+var1 + ", "+var2 + " y "+ var3);
            }
            
            function ira() {
                //self.location="pepe.jsp";
                self.location="hola";
                
            }
            
            function iraHola() {
                self.location="hola";
            }
            
        </script>
    </head>
    <body onload="saludo();">
        <!--<script> 
            saludo();
            sal("Pedro", "Agro", "Pirulo");
        </script>-->
        
        <!--Pruebas-->
        <h1>Hello World!</h1>
        <br/>
        <b>Hola Mundo</b>
        <br/>
        <i>Es mi AppWeb</i>
        <p/>
        <U>es un tag U</U>
        <br/>
        <s>Es otro tag S</s
        <br/>
        
        
        
        <!--Formulario-->
        <form method="post" action="hola">  <!--Voy a la página de hola -servlet HolaMundo-->
            <!-- javascript:iraHola()">-->
            <table>
                <tr>                  <!--FILAS-->
                    <td>Nombre </td>  <!--COLUMNAS-->
                    <td><input type="text" name="nombre"/></td>
                </tr>
                <tr>
                    <td>Apellido </td>
                    <td><input type="text" name="ape"/></td>
                </tr>
                <tr>
                    <td>Password </td>
                    <td><input type="password" name="pass"/></td>
                </tr>
                
                <tr>
                    <td>Sexo </td>
                    <td>
                        <input type="radio" name="sexo" value="Hombre"/>Hombre
                        <br/>
                        <input type="radio" name="sexo" value="Mujer"/>Mujer
                    </td>
                       <!-- <tr> <td> <input type="radio" name="sexo" value="Hombre"/></td> <td> Hombre</td> </tr>
                        <tr> <td> <input type="radio" name="sexo" value="Mujer"/></td> <td> Mujer</td> </tr>-->
                </tr>
                
                <tr>
                    <td>¿Fuma?</td>
                    <td><input type="checkbox" name="fuma" value="si"/> Si</td>
                </tr>
                
                <tr> 
                    <td ><input type="submit" value="Enviar"/></td>
               </tr>
            </table>
        </form>
        
        <!--Link-->
        <br/>
        <a href="pepe.jsp">Ir a la página de PEPE</a>
        <br/>
        <button onclick="ira()">ir a PEPE</button>
        
    </body>
</html>
